<!DOCTYPE html>
<html lang="ja">
<head>
{{$sp_meta}}
	
	<!-- stylesheets -->
	<link rel="stylesheet" href="sp/assets/css/main.css" media="screen">
	<link rel="stylesheet" href="sp/assets/css/print.css" media="print">
	
	<!-- javascript -->
	<script src="sp/assets/js/func.js" type="text/JavaScript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/Javascript"></script>
	<script src="sp/assets/js/jquery.easyslides.min.v1.1.js" type="text/Javascript"></script>
	<script src="sp/assets/js/easySlides.js" type="text/Javascript"></script>
	<script src="sp/assets/js/openclose.js" type="text/Javascript"></script>
	<script src="sp/assets/js/search_txt.js" type="text/Javascript"></script>
	<script src="/__utm.js" type="text/javascript"></script>


</head>

<body>
	<div id="wrapper">
               
              	{{$sp_head}}	
		<p class="message">
		{{$news_data.sub_title}}
		</p>

		<section id="bnrs_container" class="easy_slides_container"></section>

		<section id="main">
			<div id="top_list">
				<h3>新刊案内</h3>
                     <ul>
						{{ foreach from=$anni_data key=k item=v name="member" }}	
							<li>
								<a href="{{'sp/topItem/index'|U}}?id={{$v.id}}" title="{{$v.goods_name}}">
									<div class="book_img"><img src="{{$v.goods_image}}"  height="130" /></div>
									<h2>{{$v.goods_name}}</h2>
									<em>定価：{{$v.goods_rate|number_format}}円（税込）</em>
								</a>							
							</li>
						{{ /foreach }}		
						</ul>
				<br clear="all" />

					
				<h3>注目の書籍</h3>
				<script language="JavaScript" type="text/javascript" charset="UTF-8">script = document.createElement("script");script.setAttribute("type", "text/javascript");script.setAttribute("language", "JavaScript");script.setAttribute("charset", "UTF-8");script.setAttribute("src", document.location.protocol + "//rc.kotoha.co.jp/js/kotohaco_rsWidget.js");tmp = document.createElement("div");tmp.appendChild(script);document.write(tmp.innerHTML);</script><script language="JavaScript" type="text/javascript" charset="UTF-8">var queryopt = new Array();
                        //レコメンド方式: 注目商品

                    k_callRs("dental-diamond","kotohaco_recoview","hot",'',rsView,{"title": "他の人は次のようなものに興味を持っています", "layout": "table|cols=4|rows=1", "maxitems": "10", "pagenav": "1", "viewitems": ["image|type=image|link=1|size=0|alt=title", "title|type=text|link=1|maxlen=0", "data1|type=text|link=0|maxlen=0", "data2|type=text|link=0|maxlen=0"], "link_target": "", "replaceprotocol_link": "1", "replaceprotocol_image": "1"},[[".kotohaco_rsview_itemwindow table td", "width:25%;height:100%;"], [".kotohaco_rsview_itemwindow ol", "margin:0; padding:0;list-style-type:none;width:100%;"], [".kotohaco_rsview_itemwindow table", "width:100%;"], [".kotohaco_rsview_item", "text-align:center; vertical-align: top; padding: 5px;"], [".kotohaco_rsview_item div", "margin-bottom:2px 0px;"], [".kotohaco_rsview_title", "border-bottom: medium #CCCCCC solid; border-left: thick #CCCCCC solid; padding: 5px; margin: 5px 0px;"], [".kotohaco_rsview_footer", "border-top: thin #CCCCCC solid; padding: 2px; font-size:10px; text-align:right; margin: 2px 0px;clear:both;"], [".kotohaco_rsview_pagenav .pagenav_back", "float:left; text-align:left"], [".kotohaco_rsview_pagenav .pagenav_next", "float:right; text-align:right"], [".kotohaco_rsview_pagenav", "text-align:center; clear:both;"]],queryopt);
                   </script>
				<br clear="all" />
			</div>
		</section>

		<section id="r_clm">
			<h3>3,000円以上で送料無料</h3>
			
			<h4><a href="javascript:collapse.slideit()">カテゴリ</a></h4>
			 {{$categorying}}
			
			<h4><a href="javascript:collapse2.slideit()">Information</a></h4>
			<ul id="info">
				<li><a href="">ご利用案内</a></li>
				<li><a href="">求人案内</a></li>
				<li><a href="">図書取扱店</a></li>
				<li><a href="">トピックス</a></li>
				<li><a href="">販売支援</a></li>
				<li><a href="">会社概要</a></li>
				<li><a href="">お問い合せ</a></li>
			</ul>
			
              {{$chartsing}}
			  {{$newsing}}
              
		</section>
		<br clear="all">

	 {{$sp_foot}}
	</div>

<script type="text/javascript">
	var collapse = new animatedcollapse("cat", 400, true,"block");
	var collapse2 = new animatedcollapse("info", 400, true,"block");
	var collapse3 = new animatedcollapse("ranking", 400, true,"block");
	var collapse4 = new animatedcollapse("whatsnew", 400, true,"block");
</script>


</body>
</html>